/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      列表      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.MyDownload-MyList {
  padding: 0 2vw 40px;

  > div + div {
    margin-top: 20px;
  }

  /* ============================== 分组 ============================== */
  &-group {
    padding: 20px 10px 10px;
    font-size: 24px;
    color: var(--Black8);
  }

  /* ============================== 列表项 ============================== */
  &-item {
    display: inline-block;
    width: 400px;
    margin: 10px;
    padding: 30px 40px;
    border: 1px solid var(--White);
    border-radius: 4px;
    box-shadow: 0px 3px 16px 0px var(--Black15);
    box-sizing: border-box;
    background: var(--White7);
    vertical-align: top;
    transition: 0.3s;

    /* ============================== 有链接 ============================== */
    &[href] {
      cursor: pointer;

      &:hover {
        box-shadow: 0px 3px 32px 0px var(--Black3);
        background: var(--White9);
      }
    }
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      图标      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.MyDownload-MyList-item-icon {
  display: inline-block;
  width: 70px;
  height: 70px;
  border-radius: 8px;
  vertical-align: top;
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      详情      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.MyDownload-MyList-item-detail {
  display: inline-block;
  width: calc(100% - 100px);
  margin-left: 30px;

  > div:first-child {
    line-height: 24px;
    font-size: 18px;
    font-weight: bold;
    color: var(--Black8);
  }

  > div:not(:first-child) {
    line-height: 18px;
    margin-top: 5px;
    color: var(--Black4);
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      二维码     >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.MyDownload-MyList-item-qrcode {
  margin-top: 20px;
  text-align: center;
}
